<template lang="html">
    <div class="sportnav">
    <ul>
        <router-link to="/sports/training" tag="li" exact>训练</router-link>
        <router-link to="/sports/coach" tag="li">教练</router-link>
        <router-link to="/sports/course" tag="li">课程</router-link>
        <router-link to="/sports/material" tag="li">素材</router-link>
    </ul>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="less">
.sportnav{
    width: 100%;
    height: 60px;
    background: black;
    ul{
        width: 100%;
        height: 60px;
        li{
            float: left;
            width: 25%;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 0.35rem
        }
    }
}
li{
    color:white;
}


</style>
